<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Phần mềm quản lý sân bóng</title>

<!--For General-->
<link href="css/reset.css" type="text/css" rel="stylesheet" />
<link href="css/templates.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jscript/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jscript/scroll.js"></script>
<script type="text/javascript" src="jscript/all-script.js"></script>

<!--For Clock-->
<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>

<!--For Jquery UI-->
<link type="text/css" href="css/custom-theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="jscript/jquery-ui-1.8.14.custom.min.js"></script>

<!--For Logo menu-->
<link href="css/jd_menu.css" rel="stylesheet" type="text/css" />
<script src="jscript/jd_Menu.js" language="JavaScript"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload="MM_preloadImages('images/new-player-active.png')">

<h1 class="top">TAN NHAT MINH</h1>
<div id="tnm-wrapper">
	<div id="tnm-header">
    	<div class="logo">
        	<img src="images/logo-sport.png" width="239" height="61" alt=""/>
			
            <a id="menuTarget" onclick="jd_Menu_show('#exampleMenu', true);"><img src="images/logo-sport-menu.png" width="194" height="61" /></a>
            <ul id="exampleMenu" class="jd_menu" attachto="menuTarget" menuposition="relative bottom left" style="margin-top: 4px;">
                <!-- menuposition may be (relative|absolute) (mb mt ml mr) (bottom left top right) -->
                <li>Thiết lập nhân viên</li>
                <li>Thiết lập sân bóng &nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Phân loại</li>
                        <li>Thời gian hoạt động</li>
                    </ul>
                </li>
                <li>Vật tư sân</li>
                <li>Thiết lập Căng tin&nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Số bàn</li>
                        <li>Menu thức uống</li>
                        <li>Menu trang phục</li>
                    </ul>
                </li>
                <li>Vật tư Căng tin</li>
                <li>Thiết lập Khuyến mãi</li>
                <li>Xem báo cáo</li>
                <li>Thoát</li>
            </ul>
            
        </div>        
        <ul class="main-menu">
        	<li><a href="index.html"><span>Tổng thể</span></a></li>
            <li class="act"><a href="search-day.html"><span>Lịch đặt sân</span></a></li>
            <li><a href="cangtin.html"><span>Căng tin</span></a></li>
            <li><a href="#"><span>Bàn giao</span></a></li>
            <li><a href="#"><span>Nhân viên</span></a></li>
            <li><a href="customer.html"><span>Khách hàng</span></a></li>
        </ul>
        <div class="right"></div>
    </div>
    <div id="tnm-body">
    	<div class="tnm-col-left">
        	<h2 class="title-tnm-col-left"></h2>
            <div class="content-tnm-col-left">
            	Insert data here...     	
            </div>
            
            <div class="bottom-tnm-col-left"></div>
        </div>
        <div class="tnm-col-right">
        	<h2 class="title-tnm-col-right">
            	<div style="padding:9px 0 0 15px">
                	<a class="btn-order-play" href="#"><img src="images/new-player.png" width="159" height="24" id="Image1" onmouseover="MM_swapImage('Image1','','images/new-player-active.png',1)" onmouseout="MM_swapImgRestore()" /></a>
                </div>
            </h2>
            <div class="content-tnm-col-right">
            	<div id="sub-col-right">
                	<div class="option" id="datepicker-show" style="">
                        
                    </div>
                    <div class="sub-title">Tìm sân trống</div>
                    <div class="sub-content">
                    	<ul>
                        	<li>Loại sân:</li>
                            <li class="num">
                            	<select style="width:105px" name="">
                                    <option>7 người</option>
                                    <option>5 người</option>
                                </select>
                            </li>
                            <li>Tìm kiếm theo:</li>
                            <li class="num">
                            	<select style="width:105px" name="">
                                    <option>Hôm nay</option>
                                    <option>Ngày mai</option>
                                </select>
                            </li>
                            <li>Từ:</li>
                            <li class="num">
                            	<select style="width:105px" name="">
                                    <option>7h30</option>
                                </select>
                            </li>
                            <li>Đến:</li>
                            <li class="num">
                            	<select style="width:105px;" name="">
                                    <option>20h30</option>
                                </select>
                            </li>
                            <li>Thời gian:</li>
                            <li class="num">
                            	<select style="width:105px" name="">
                                    <option>1 giờ 30 phút</option>
                                </select>
                            </li>
                            <li>Bàn căng tin:</li>
                            <li class="num">
                            	<select style="width:105px;" name="">
                                    <option>Chọn bàn</option>
                                </select>
                            </li>

                        </ul>
                    </div>
                    <div class="button" style="padding-top:15px; margin-left:80px; clear:both"><a href="#">Tìm sân</a></div>
                </div>
            </div>
            <div class="bottom-tnm-col-right"></div>
        </div>
    </div>
    <div id="tnm-footer" style="padding:5px 20px 30px 0">
    	<div class="right"></div>

    </div>
</div>

<!-- ---------------- Customer---------------------- -->
<div id="dialog-customer" class="dialog-customer" title="KHÁCH HÀNG">
	<div class="dialog-new">
        <form action="" method="get">
            <div class="style-form">
                
                <dl>
                    <dt>Tên KH:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Địa chỉ:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Số điện thoại:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Ngày sinh:</dt>
                    <dd><input class="icon-calendar" id="datepicker" type="text"/></dd>                     
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <div class="button"><a href="#">Tạo mới</a></div>
    					<div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                    </dd>                  
                </dl>
            </div>
        </form>
    </div>
</div>

<!-- ------------POPUP ORDER PLAY--------------------- -->
<div  class="dialog-order-play" title="ĐẶT SÂN">
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Đặt sân ngày</a></li>
            <li><a href="#tabs-2">Đặt sân tháng</a></li>
        </ul>
        <div id="tabs-1" style="padding-bottom:15px" class="ui-helper-clearfix">
        	<div class="table-add-drink">
                <form action="" method="get">
                    <div class="style-form">
                        <dl>
                            <dt>Tên KH:</dt>
                            <dd><input type="text"/></dd>
                            <span class="pp-new-customer">
                            	<a class="btn-customer" href="#"><img src="images/new-customer.png" width="16" height="16" /></a>
                            </span>
                        </dl>
                        <dl>
                            <dt>Giờ:</dt>
                            <dd>
                            	<select style="width:40px" name="">
                                    <option>20</option>
                                </select>
                                h
                                <select style="width:40px" name="">
                                    <option>00</option>
                                </select>
                                <strong>Đến</strong>
                                <select style="width:40px" name="">
                                    <option>21</option>
                                </select>
                                h
                                <select style="width:40px" name="">
                                    <option>30</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Ngày:</dt>
                            <dd><input class="icon-calendar" id="datepicker1" type="text"/></dd>                     
                        </dl>
                        <dl>
                            <dt>Loại sân:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>7 người</option>
                                    <option>5 người</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Chọn sân:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>A1</option>
                                    <option>A2</option>
                                    <option>B1</option>
                                    <option>B2</option>
                                    <option>B3</option>
                                    <option>B4</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                            	<input style="width:20px; height:0px" name="" type="checkbox" value="" />
                                Đặt bàn căng tin &nbsp;
                            	<select style="width:60px" name="">
                                    <option>20</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                                <div class="button"><a href="#">Đặt sân</a></div>
                                <div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                            </dd>                  
                        </dl>
                    </div>
                </form>
            </div>         
        </div>
        <div id="tabs-2" class="ui-helper-clearfix">
        	<div class="table-add-drink">
                <form action="" method="get">
                    <div class="style-form">
                        <dl>
                            <dt>Tên KH:</dt>
                            <dd><input type="text"/></dd>
                            <span class="pp-new-customer">
                            	<a class="btn-customer" href="#"><img src="images/new-customer.png" width="16" height="16" /></a>
                            </span>
                        </dl>
                        <dl>
                            <dt>Thời gian thuê:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>1 tháng</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Tần suất:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>2 buổi/1 tuần</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Vào các ngày:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>Thứ 2, thứ 4</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Ngày bắt đầu:</dt>
                            <dd><input class="icon-calendar" id="datepicker2" type="text"/></dd>                     
                        </dl>
                        <dl>
                            <dt>Loại sân:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>7 người</option>
                                    <option>5 người</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt>Chọn sân:</dt>
                            <dd>
                            	<select style="width:210px" name="">
                                    <option>A1</option>
                                    <option>A2</option>
                                    <option>B1</option>
                                    <option>B2</option>
                                    <option>B3</option>
                                    <option>B4</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                            	<input style="width:20px; height:0px" name="" type="checkbox" value="" />
                                Đặt bàn căng tin &nbsp;
                            	<select style="width:60px" name="">
                                    <option>20</option>
                                </select>
                            </dd>                     
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>
                                <div class="button"><a href="#">Tiếp theo</a></div>
                                <div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                            </dd>                  
                        </dl>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

</body>
</html>
